<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 选择结构   根据不同的情况，执行对应代码

    // 选择结构   if  

    // 单分支
    // 双分支
    // 多分支

    // if(如果北大录取我?){
    //     去北大?
    // }else if(如果武大录取我?){
    //     去武大;
    // }else if(如果武汉工程大录取我?){
    //     去武汉工程大;
    // }else if(如果武汉职业技术学院录取我?){
    //     去武汉职业技术;
    // }else{
    //     来千锋;
    // }


    // 多分支    填报志愿
    /* if(表达式1){
        执行语句 1;
    }else if(表达式2){
        执行语句 2;
    }else if(表达式3){
        执行语句 3;
    }else{
        执行语句 4;
    } */

    // 求解表达式1 如果表达式1成立(true),则执行{}中的执行语句1 ,否则 求解表达式2
    // 求解表达式2 如果表达式2成立(true),则执行{}中的执行语句2 ,否则 求解表达式3
    // 求解表达式3 如果表达式3成立(true),则执行{}中的执行语句3 ,否则 执行位于else后{}的执行语句4
    // 选择结构完毕 => 继续执行位于 选择结构之后的语句


    var grade = Math.round(Math.random()*100); // 100
    console.log(grade); // 3

    // 80 <= grade <90  => (80 <= grade) < 90

    if(grade>=90){
        document.write(grade+ "分,优秀<br>");
    }else if(grade >= 80){  //  grade>=80 && grade < 90
        document.write(grade+ "分,良好<br>");
    }else if(grade >= 70){  //  grade>=70 && grade < 80
        document.write(grade+ "分,一般<br>");
    }else if(grade >= 60){  //  grade>=60 && grade < 70
        document.write(grade+ "分,危险<br>");
    }else{
        document.write(grade+ "分,不及格,恭喜获得免费回城券一张<br>");
    }

    document.write("后面的代码<br>");




</script>
</html>